import React from 'react';
import './App.css';
import ColorPicker from './components/ColorPicker/ColorPicker';
import Test from './components/Test/Test';
import Picture from './components/Picture/Picture';
import Todo from './components/Todo/Todo';
// import './components/Module/Module';
import Website from './components/Website/Website';
import Hero from './components/Hero/Hero';
import Proxy from './components/Proxy/Proxy';
import PubSub from 'pubsub-js';
import Router from './pages/Router/Router';
import ComA from './components/ComA/ComA';
import Button from './components/Button/Button';
import VideoList from './pages/VideoList/VideoList';
import VideoDetail from './pages/VideoDetail/VideoDetail';
import GedanList from './pages/GedanList/GedanList';
import Gedan from './pages/Gedan/Gedan';
import Redux from './pages/Redux/Redux';
import {Route, BrowserRouter, Link, withRouter} from 'react-router-dom';
import './redux/store';
// /todo   Todo
// /website  Website      画
class App extends React.Component {

    render() {
        return  <div>
            <Route path="/playlists" component={GedanList} />
            <Route path="/playlist"  component={Gedan} />
            <Route path="/videos" component={VideoList} />
            <Route path="/video"  component={VideoDetail} />
            <Route path="/redux"  component={Redux} />
            <Route path="/todo"  component={Todo} />
        </div>
    }

    goVideo = () => {
        //跳转
        this.props.history.push('/videos');
    }

    goMusic = () => {
        this.props.history.push('/playlists');
    }
}

export default withRouter(App);
